$font-size-xl: 18px; // 大标题字体
$font-size-lg: 16px; // 按钮字体大小
$font-size-default: 14px; // 正文字体大小
$font-size-sm: 12px;
$font-size-xs: 10px;

$gap-default: 15px; // 通用间距
$gap-sm: 10px; // 卡片之间的间距
$line-height: 1.6; // 行高\

$radius-default: 10px; // 通用的圆角大小
$radius-sm: 4px; // 小圆角大小

$color-default: #333;
$color-light: #666;
$color-success: #00cc8f; // 成功颜色
$color-error: #f54949; // 错误颜色
$color-white: #fff;
$color-page-bg-light: #fff;
$color-page-bg-default: #F5F5F5;
$color-primary: #FC8F2B;

// 通用的flex代码函数
@mixin flex($direction: row) {
  display: flex;
  flex-direction: $direction;
  align-items: center;
  justify-content: center;
}

// 通用的文本过长字符省略函数
@mixin ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@mixin avatar {
  width: 50px;
  height: 50px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  background: #efefef;
  border-radius: 4px;
}

@mixin disable-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
